<?php
session_start();
session_destroy();
?>
	<title>Sign In | 1.0 beta version</title>
  	<link rel="stylesheet" type="text/css" href="css-login.css">
    <script type="text/javascript" src="jquery.tools.min.js"></script>
    <script type="text/javascript"> 
      $(document).ready(function(){
      	// expose form ketika form di klik atau kursor mouse berada di salah satu komponen form
	      $("form.expose").bind("click keydown", function() {
          $(this).expose({
			     // setting mask/penutup untuk background dengan CSS
			     maskId: 'mask',
			     // ketika form ter-expose, ganti warna background form
			     onLoad: function() {
				      this.getExposed().css({backgroundColor: '#fff'});
			     },
			     // ketika form tidak ter-expose, kembalikan warna background ke warna semula
			     onClose: function() {
				      this.getExposed().css({backgroundColor: null});
			     },
			     api: true

		      }).load();
	      });
	    });
	  </script>
	  
	  <style type="text/css">
<!--
.style12 {font-family: Georgia, "Times New Roman", Times, serif; color: #00000; }
-->
      </style>
	  
</head>
    <body>
    <p align="center">&nbsp;</p>
    <center>
      <table width="289" border="1">
        <tr>
          <td bgcolor="#666666"><div align="center"><strong>SIGN IN </strong></div></td>
        </tr>
      </table>
      <form action="login.php" method="post" class="expose">
        <center>
          <span class="style12">Username</span>
          <input id="user" name="user"/>
        </center>
        <center><span class="style12">Password</span>
          <input id="pass" type="password" name="pass"/>
        </center>
        <center>
          <input name="submit" type="submit" id="submit" value="OK" />
		   </form>
          <a href="index.php"><img src="images/i1.gif" alt="signin" width="25" height="27" border="0"></a>
        </center>
     
      <p>&nbsp;</p>
    </center>
     <div align="center"></div>
</body>
</html>
